<%-- 
    Document   : messagerielearner
    Created on : 5 déc. 2013, 11:02:57
    Author     : hp
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<!-- Mirrored from egythemes.com/shopfine/wishlist.html by HTTrack Website Copier/3.x [XR&CO'2013], Fri, 22 Nov 2013 14:47:37 GMT -->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>ShopFine: Category Grid</title>
	<meta name="description" content="">
	<meta name="author" content="Ahmed Saeed">
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- CSS
  ================================================== -->
  <!-- markItUp! skin -->
<link rel="stylesheet" type="text/css" href="markitup/skins/markitup/style.css">
<!--  markItUp! toolbar skin -->

	<link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
	<!-- jquery ui css -->
	<link rel="stylesheet" href="css/jquery-ui-1.10.1.min.css">
	<link rel="stylesheet" href="css/customize.css">
	<link rel="stylesheet" href="css/font-awesome.css">
	<link rel="stylesheet" href="css/style.css">
	<!-- flexslider css-->
	<link rel="stylesheet" href="css/flexslider.css">
	<!-- fancybox -->
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css">
	
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.html">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.html">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.html">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.html">
</head>

<body>

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="upperHeader">
				<div class="container">
					<ul class="pull-right inline">
                                            <li><a href=""><img src="img/reseausosc/facebook_32.png"/></a></li>
                                            <li><a href="#"><img src="img/reseausosc/google_32.png"/></a></li>
                                            <li><a href="http://twitter.com/amaranthe"><img src="img/reseausosc/twitter_32.png"/></a></li>
                                            <li><a href="#"><img src="img/reseausosc/youtube_32.png"/></a></li>
					</ul>
					<p>
					Bienvenu, <a href="login.html">Login</a> or <a href="DEconexion.html">Deconnexion</a>
					</p>
				</div><!--end container-->
			</div><!--end upperHeader-->

			<div class="middleHeader">
				<div class="container">

					<div class="middleContainer clearfix">

					<div class="siteLogo pull-left">
						<h1><a href="index.html">ShopFine</a></h1>
					</div>

					<div class="pull-right">
						<form method="get" action="http://egythemes.com/shopfine/page" class="siteSearch">
							<div class="input-append">
								<input type="text" class="span2" id="appendedInputButton" placeholder="Search...">
								<button class="btn btn-primary" type="submit" name=""><i class="icon-search"></i></button>
							</div>
						</form>
					</div>

					<div class="pull-right">
					     <div class="btn-group">
                                    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                        FR <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu language">
                                        <li><a href="#">EN</a></li>
                                        

                                    </ul>
                                </div>
					</div><!--end pull-right-->

					</div><!--end middleCoontainer-->

				</div><!--end container-->
			</div><!--end middleHeader-->
			
			<div class="mainNav">
				<div class="container">
					<div class="navbar">
					      <ul class="nav">
                                <li class="active"><a href="index.jsp"><i class="icon-home"></i></a></li>
                                <li>
                                    <a href="apropos.html">A propos<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                            <li><a href="loginprof.jsp"> <span>-</span> Formateur</a></li>
                                            <li><a href="loginresponsable.jsp"> <span>-</span> Responsable de qualité</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">Cours<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                            <li><a href="theme.jsp"> <span>-</span> Theme<i class="icon-caret-right pull-right"></i></a>
                                            <div>
                                                    <ul>
                                                        <li><a href="module.jsp"> <span>-</span> Module</a>
                                                              
                                                        </li>
                                                        
                                                    </ul>
                                                </div>      
                                            </li>
                                            
                                            <li>
                                                <a href="#"> <span>-</span> Skirts (0) <i class="icon-caret-right pull-right"></i></a>
                                                <div>
                                                    <ul>
                                                        
                                                        <li><a href="#"> <span>-</span> Shorts (54) </a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li><a href="#"> <span>-</span> Suits &amp; Tailoring (82)</a></li>
                                          
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">Examen</a>
                                    <div>

                                    </div>
                                </li>
                                <li><a href="entreprise.jsp">Entreprise</a></li>
                                <li><a href="#">Probleme/Soultion</a></li>
                                <li>
                                    <a href="contact.html">Contactez-nous</a>
                                    <div>

                                    </div>
                                </li>
                                <li><a href="">Messagerie<i class="icon-caret-down"></i></a>
                                <div>
                                        <ul>
                                            <li><a href="messagerielearner.jsp"> <span>-</span> Boite de reception</a></li>
                                            <li><a href="nouveaumessagelearner.jsp"> <span>-</span>Nouveau Message</a></li>
                                        </ul>
                                    </div>
                                </li>

                            </ul><!--end nav-->
					</div>
				</div><!--end container-->
			</div><!--end mainNav-->
			
		</header>
		<!-- end header -->



		<div class="container">

			<div class="row">

				<div class="span9">
					<table>
					<form action="" method="post">
					<tr><td>
					Titre:
					
					</td></tr>
					<tr><td>
					<input type="text" name="titre" required=""/>
					
					</td></tr>
					<tr><td>
					Destinataire(s):
					
					</td></tr>
					<tr><td>
					<select ><option name="option">Defaut</option></select>
					
					
					<select><option name="">Defaut</option></select>
					</td>
					</tr>
					<tr><td>
					Votre message:
					
					</td></tr>
					<tr><td>
					<textarea rows="100%" cols="100%" style="margin-left: 0px; margin-right: 0px; width: 663px;"  required=""></textarea>
					
					</td></tr>
					<tr><td>
							<button class="btn" type="submit" name="">Envoyer</button>
							</td></tr>
							</form>
					
					</table>
				</div><!--end span9-->


				

			</div><!--end row-->

		</div><!--end conatiner-->


		<!--begain footer-->
		<footer>
		<div class="footerOuter">
			<div class="container">
				<div class="row-fluid">
 <div class="span6">
                                            <div class="titleHeader clearfix">
                                                <h3>LIENS UTILES</h3>
                                            </div>


                                            <div class="usefullLinks">
                                                <div class="row-fluid">
                                                    <div class="span6">
                                                        <ul class="unstyled">
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> A propos</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Contactez-Nous</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Théme/Module</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Examen</a></li>
                                                        </ul>
                                                    </div>

                                                    <div class="span6">
                                                        <ul class="unstyled">
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>FAQ</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Entreprise</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Formateur</a></li>

                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>

                                        </div><!--end span6-->

                                        <div class="span3">
                                            <div class="titleHeader clearfix">
                                                <h3>Contact Info</h3>
                                            </div>

                                            <div class="contactInfo">
                                                <ul class="unstyled">
                                                    <li>
                                                        <button class="btn btn-small">
                                                            <i class="icon-volume-up"></i>
                                                        </button>
                                                        Tél: <a class="invarseColor" href="#">5246-4697-891</a>
                                                    </li>
                                                    <li>
                                                        <button class="btn btn-small">
                                                            <i class="icon-envelope-alt"></i>
                                                        </button>
                                                        <a class="invarseColor" href="#">PA.learning@gmail.com</a>
                                                    </li>
                                                    <li>
                                                        <button class="btn btn-small">
                                                            <i class="icon-map-marker"></i>
                                                        </button>
                                                        22 Avenue 2mars....
                                                    </li>
                                                </ul>
                                            </div>

                                        </div><!--end span3-->

                                        <div class="span3">
                                            <div class="titleHeader clearfix">
                                                <h3>Newslatter</h3>
                                            </div>

                                            <div class="newslatter">
                                                <form method="get" action="http://egythemes.com/shopfine/page">
                                                    <input class="input-block-level" type="text" name="email" value="" placeholder="Your Name...">
                                                    <input class="input-block-level" type="text" name="email" value="" placeholder="Your E-Mail...">
                                                    <button class="btn btn-block" type="submit" name="">Join Us Now</button>
                                                </form>
                                            </div>

                                        </div><!--end span3-->

                                    </div><!--end row-fluid-->

                                </div><!--end container-->
                            </div><!--end footerOuter-->

                            <div class="container">
                                <div class="row">
                                    <div class="span12">
                                       
                                        <p>© Copyrights 2013 PA-Learning</p>
                                    </div>
			</div>
		</div>
		</footer>
		<!--end footer-->

	</div><!--end mainContainer-->


	

	<!-- JS
	================================================== -->
	
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
    <!-- jQuery.Cookie -->
	<script src="js/jquery.cookie.js"></script>
	<!-- bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- flexslider -->
    <script src="js/jquery.flexslider-min.js"></script>
    <!-- cycle2 -->
    <script src="js/jquery.cycle2.min.js"></script>
    <script src="js/jquery.cycle2.carousel.min.js"></script>
    <!-- tweets -->
    <script src="js/jquery.tweet.js"></script>
    <!-- fancybox -->
    <script src="js/fancybox/jquery.fancybox.js"></script>
    <!-- custom function-->
    <script src="js/custom.js"></script>
    
</body>


</html>